<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
	================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HIDEO HTML5, CSS3, responsive, Bootstrap 3 website
	template</title>
</head>
<body class="header1 activateAppearAnimation">
	<!-- Primary Page Layout 
	===============================s=================== -->
	<!-- globalWrapper -->
	<div id="globalWrapper">
		<jsp:include page="core/template/HEADER_LOGIN.jsp"></jsp:include>
		<header class="page-header">
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						<h1>Assign Job</h1>
					</div>

				</div>
			</div>
		</header>
		<!-- Content -->
		<section id="content"
			style="background: url('core/images/feature.png') repeat;">
			<div class="container">

				<div class="row mt30">
					<div class="col-md-12 mb15">
						<h2>แสดงรายการฟรีแลนซ์ที่ต้องการ</h2>
					</div>
				</div>
				<div class="row mb30">
					<div class="col-md-9">

						<div class="row">
							<div class="col-md-12 mb05 textColorBlack">
								<div class="color0 boxcontent text-center">
									<div class="row">
										<div class="col-md-4 mb05">จำนวนฟรีแลนซ์ทั้งหมด 300 คน
											เรียงตาม</div>
										<div class="col-md-4 mb05">
											<select class="form-control ">
												<option>--- ทั้งหมด ---</option>
												<option>ระดับความน่าเชื่อถือมากสุด</option>
												<option>ถูกว่าจ้างงานมากที่สุด</option>
												<option>ทำร้องของานและได้รับงานทำมากที่สุด</option>
											</select>
										</div>
										<div class="col-md-4 mb05">แสดงฟรีแลนซ์ 1 ถึง 10 (จาก
											300 คน)</div>
									</div>
								</div>
							</div>
							<div class="col-md-12">
								<div class="color0 boxcontent ">
									<div class="row">
										<div class="col-md-2 col-xs-3" align="center">
											<figure>
												<img
													src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
													alt="" class="img-circle img-responsive">
												<div class="mt05">
													<small><span class="textColorYelow"> <i
															class="icon-star"></i> <i class="icon-star"></i> <i
															class="icon-star"></i> <i class="icon-star-half-alt"></i>
															<i class="icon-star-empty"></i></span><br>ระดับความน่าเชื่อถือ
													</small>
												</div>
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<p class="media-heading font3">
												<b class="textColorBlack">Thanet.k</b>
											</p>
											<ul class="entry-meta">
												<li class="entry-comments font5 mb05"><a href="#"><i
														class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
														งาน</a></li>
												<li class="entry-comments font5 mb05"><a href="#"><i
														class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
														40 งาน</a></li>
											</ul>
											<p>
												<b class="textColorBlack">ความสามารถ: </b> <span
													class="tags">html5</span> <span class="tags">css3</span> <span
													class="tags">jquery</span> <span class="tags">bootstrap3</span>
											</p>
											<b class="textColorBlack">รายละเอียด : </b>Cras sit amet nibh
											libero, in gravida nulla. Nulla vel metus scelerisque ante
											sollicitudin commodo. Cras purus odio, vestibulum in
											vulputate at, tempus viverra turpis. Fusce condimentum nunc
											ac nisi vulputate fringilla. Donec lacinia congue felis in
											faucibus.
											<div align="right" class="mt05">
												<a href="freelanceDetailPage.jsp"><button type="button"
														class="btn btn-primary btn-xs">
														<span class="fontHeader4"><i
															class="glyphicon glyphicon-user iconSmall"></i> โปรไฟล์</span>
													</button></a> <a href=""><button type="button"
														class="btn btn-primary btn-xs">
														<span class="fontHeader4"><i
															class="glyphicon glyphicon-plus-sign iconSmall"></i>
															จ้างงานฉัน</span>

													</button></a>
											</div>

										</div>
									</div>
									<hr class="lineLines">
									<div class="row">
										<div class="col-md-2 col-xs-3" align="center">
											<figure>
												<img
													src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
													alt="" class="img-circle img-responsive">
												<div class="mt05">
													<small><span class="textColorYelow"> <i
															class="icon-star"></i> <i class="icon-star"></i> <i
															class="icon-star"></i> <i class="icon-star-half-alt"></i>
															<i class="icon-star-empty"></i></span><br>ระดับความน่าเชื่อถือ
													</small>
												</div>
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<p class="media-heading font3">
												<b class="textColorBlack">Thanet.k</b>
											</p>
											<ul class="entry-meta">
												<li class="entry-comments font5 mb05"><a href="#"><i
														class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
														งาน</a></li>
												<li class="entry-comments font5 mb05"><a href="#"><i
														class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
														40 งาน</a></li>
											</ul>
											<p>
												<b class="textColorBlack">ความสามารถ: </b> <span
													class="tags">html5</span> <span class="tags">css3</span> <span
													class="tags">jquery</span> <span class="tags">bootstrap3</span>
											</p>
											<b class="textColorBlack">รายละเอียด : </b>Cras sit amet nibh
											libero, in gravida nulla. Nulla vel metus scelerisque ante
											sollicitudin commodo. Cras purus odio, vestibulum in
											vulputate at, tempus viverra turpis. Fusce condimentum nunc
											ac nisi vulputate fringilla. Donec lacinia congue felis in
											faucibus.
											<div align="right" class="mt05">
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-user iconSmall"></i> โปรไฟล์</span>
												</button>
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-plus-sign iconSmall"></i>
														จ้างงานฉัน</span>
												</button>

											</div>

										</div>
									</div>
									<hr class="lineLines">
									<div class="row">
										<div class="col-md-2 col-xs-3" align="center">
											<figure>
												<img
													src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
													alt="" class="img-circle img-responsive">
												<div class="mt05">
													<small><span class="textColorYelow"> <i
															class="icon-star"></i> <i class="icon-star"></i> <i
															class="icon-star"></i> <i class="icon-star-half-alt"></i>
															<i class="icon-star-empty"></i></span><br>ระดับความน่าเชื่อถือ
													</small>
												</div>
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<p class="media-heading font3">
												<b class="textColorBlack">Thanet.k</b>
											</p>
											<ul class="entry-meta">
												<li class="entry-comments font5 mb05"><a href="#"><i
														class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
														งาน</a></li>
												<li class="entry-comments font5 mb05"><a href="#"><i
														class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
														40 งาน</a></li>
											</ul>
											<p>
												<b class="textColorBlack">ความสามารถ: </b> <span
													class="tags">html5</span> <span class="tags">css3</span> <span
													class="tags">jquery</span> <span class="tags">bootstrap3</span>
											</p>
											<b class="textColorBlack">รายละเอียด : </b>Cras sit amet nibh
											libero, in gravida nulla. Nulla vel metus scelerisque ante
											sollicitudin commodo. Cras purus odio, vestibulum in
											vulputate at, tempus viverra turpis. Fusce condimentum nunc
											ac nisi vulputate fringilla. Donec lacinia congue felis in
											faucibus.
											<div align="right" class="mt05">
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-user iconSmall"></i> โปรไฟล์</span>
												</button>
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-plus-sign iconSmall"></i>
														จ้างงานฉัน</span>
												</button>

											</div>

										</div>
									</div>
									<hr class="lineLines">
									<div class="row">
										<div class="col-md-2 col-xs-3" align="center">
											<figure>
												<img
													src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
													alt="" class="img-circle img-responsive">
												<div class="mt05">
													<small><span class="textColorYelow"> <i
															class="icon-star"></i> <i class="icon-star"></i> <i
															class="icon-star"></i> <i class="icon-star-half-alt"></i>
															<i class="icon-star-empty"></i></span><br>ระดับความน่าเชื่อถือ
													</small>
												</div>
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<p class="media-heading font3">
												<b class="textColorBlack">Thanet.k</b>
											</p>
											<ul class="entry-meta">
												<li class="entry-comments font5 mb05"><a href="#"><i
														class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
														งาน</a></li>
												<li class="entry-comments font5 mb05"><a href="#"><i
														class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
														40 งาน</a></li>
											</ul>
											<p>
												<b class="textColorBlack">ความสามารถ: </b> <span
													class="tags">html5</span> <span class="tags">css3</span> <span
													class="tags">jquery</span> <span class="tags">bootstrap3</span>
											</p>
											<b class="textColorBlack">รายละเอียด : </b>Cras sit amet nibh
											libero, in gravida nulla. Nulla vel metus scelerisque ante
											sollicitudin commodo. Cras purus odio, vestibulum in
											vulputate at, tempus viverra turpis. Fusce condimentum nunc
											ac nisi vulputate fringilla. Donec lacinia congue felis in
											faucibus.
											<div align="right" class="mt05">
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-user iconSmall"></i> โปรไฟล์</span>
												</button>
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-plus-sign iconSmall"></i>
														จ้างงานฉัน</span>
												</button>

											</div>

										</div>
									</div>
									<hr class="lineLines">
									<div class="row">
										<div class="col-md-2 col-xs-3" align="center">
											<figure>
												<img
													src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
													alt="" class="img-circle img-responsive">
												<div class="mt05">
													<small><span class="textColorYelow"> <i
															class="icon-star"></i> <i class="icon-star"></i> <i
															class="icon-star"></i> <i class="icon-star-half-alt"></i>
															<i class="icon-star-empty"></i></span><br>ระดับความน่าเชื่อถือ
													</small>
												</div>
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<p class="media-heading font3">
												<b class="textColorBlack">Thanet.k</b>
											</p>
											<ul class="entry-meta">
												<li class="entry-comments font5 mb05"><a href="#"><i
														class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
														งาน</a></li>
												<li class="entry-comments font5 mb05"><a href="#"><i
														class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
														40 งาน</a></li>
											</ul>
											<p>
												<b class="textColorBlack">ความสามารถ: </b> <span
													class="tags">html5</span> <span class="tags">css3</span> <span
													class="tags">jquery</span> <span class="tags">bootstrap3</span>
											</p>
											<b class="textColorBlack">รายละเอียด : </b>Cras sit amet nibh
											libero, in gravida nulla. Nulla vel metus scelerisque ante
											sollicitudin commodo. Cras purus odio, vestibulum in
											vulputate at, tempus viverra turpis. Fusce condimentum nunc
											ac nisi vulputate fringilla. Donec lacinia congue felis in
											faucibus.
											<div align="right" class="mt05">
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-user iconSmall"></i> โปรไฟล์</span>
												</button>
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-plus-sign iconSmall"></i>
														จ้างงานฉัน</span>
												</button>

											</div>

										</div>
									</div>
									<hr class="lineLines">
									<div class="row">
										<div class="col-md-2 col-xs-3" align="center">
											<figure>
												<img
													src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
													alt="" class="img-circle img-responsive">
												<div class="mt05">
													<small><span class="textColorYelow"> <i
															class="icon-star"></i> <i class="icon-star"></i> <i
															class="icon-star"></i> <i class="icon-star-half-alt"></i>
															<i class="icon-star-empty"></i></span><br>ระดับความน่าเชื่อถือ
													</small>
												</div>
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<p class="media-heading font3">
												<b class="textColorBlack">Thanet.k</b>
											</p>
											<ul class="entry-meta">
												<li class="entry-comments font5 mb05"><a href="#"><i
														class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
														งาน</a></li>
												<li class="entry-comments font5 mb05"><a href="#"><i
														class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
														40 งาน</a></li>
											</ul>
											<p>
												<b class="textColorBlack">ความสามารถ: </b> <span
													class="tags">html5</span> <span class="tags">css3</span> <span
													class="tags">jquery</span> <span class="tags">bootstrap3</span>
											</p>
											<b class="textColorBlack">รายละเอียด : </b>Cras sit amet nibh
											libero, in gravida nulla. Nulla vel metus scelerisque ante
											sollicitudin commodo. Cras purus odio, vestibulum in
											vulputate at, tempus viverra turpis. Fusce condimentum nunc
											ac nisi vulputate fringilla. Donec lacinia congue felis in
											faucibus.
											<div align="right" class="mt05">
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-user iconSmall"></i> โปรไฟล์</span>
												</button>
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-plus-sign iconSmall"></i>
														จ้างงานฉัน</span>
												</button>

											</div>

										</div>
									</div>
									<hr class="lineLines">
									<div class="row">
										<div class="col-md-2 col-xs-3" align="center">
											<figure>
												<img
													src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
													alt="" class="img-circle img-responsive">
												<div class="mt05">
													<small><span class="textColorYelow"> <i
															class="icon-star"></i> <i class="icon-star"></i> <i
															class="icon-star"></i> <i class="icon-star-half-alt"></i>
															<i class="icon-star-empty"></i></span><br>ระดับความน่าเชื่อถือ
													</small>
												</div>
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<p class="media-heading font3">
												<b class="textColorBlack">Thanet.k</b>
											</p>
											<ul class="entry-meta">
												<li class="entry-comments font5 mb05"><a href="#"><i
														class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
														งาน</a></li>
												<li class="entry-comments font5 mb05"><a href="#"><i
														class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
														40 งาน</a></li>
											</ul>
											<p>
												<b class="textColorBlack">ความสามารถ: </b> <span
													class="tags">html5</span> <span class="tags">css3</span> <span
													class="tags">jquery</span> <span class="tags">bootstrap3</span>
											</p>
											<b class="textColorBlack">รายละเอียด : </b>Cras sit amet nibh
											libero, in gravida nulla. Nulla vel metus scelerisque ante
											sollicitudin commodo. Cras purus odio, vestibulum in
											vulputate at, tempus viverra turpis. Fusce condimentum nunc
											ac nisi vulputate fringilla. Donec lacinia congue felis in
											faucibus.
											<div align="right" class="mt05">
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-user iconSmall"></i> โปรไฟล์</span>
												</button>
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-plus-sign iconSmall"></i>
														จ้างงานฉัน</span>
												</button>

											</div>

										</div>
									</div>
									<hr class="lineLines">
									<div class="row">
										<div class="col-md-2 col-xs-3" align="center">
											<figure>
												<img
													src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
													alt="" class="img-circle img-responsive">
												<div class="mt05">
													<small><span class="textColorYelow"> <i
															class="icon-star"></i> <i class="icon-star"></i> <i
															class="icon-star"></i> <i class="icon-star-half-alt"></i>
															<i class="icon-star-empty"></i></span><br>ระดับความน่าเชื่อถือ
													</small>
												</div>
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<p class="media-heading font3">
												<b class="textColorBlack">Thanet.k</b>
											</p>
											<ul class="entry-meta">
												<li class="entry-comments font5 mb05"><a href="#"><i
														class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
														งาน</a></li>
												<li class="entry-comments font5 mb05"><a href="#"><i
														class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
														40 งาน</a></li>
											</ul>
											<p>
												<b class="textColorBlack">ความสามารถ: </b> <span
													class="tags">html5</span> <span class="tags">css3</span> <span
													class="tags">jquery</span> <span class="tags">bootstrap3</span>
											</p>
											<b class="textColorBlack">รายละเอียด : </b>Cras sit amet nibh
											libero, in gravida nulla. Nulla vel metus scelerisque ante
											sollicitudin commodo. Cras purus odio, vestibulum in
											vulputate at, tempus viverra turpis. Fusce condimentum nunc
											ac nisi vulputate fringilla. Donec lacinia congue felis in
											faucibus.
											<div align="right" class="mt05">
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-user iconSmall"></i> โปรไฟล์</span>
												</button>
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-plus-sign iconSmall"></i>
														จ้างงานฉัน</span>
												</button>

											</div>

										</div>
									</div>
									<hr class="lineLines">
									<div class="row">
										<div class="col-md-2 col-xs-3" align="center">
											<figure>
												<img
													src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
													alt="" class="img-circle img-responsive">
												<div class="mt05">
													<small><span class="textColorYelow"> <i
															class="icon-star"></i> <i class="icon-star"></i> <i
															class="icon-star"></i> <i class="icon-star-half-alt"></i>
															<i class="icon-star-empty"></i></span><br>ระดับความน่าเชื่อถือ
													</small>
												</div>
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<p class="media-heading font3">
												<b class="textColorBlack">Thanet.k</b>
											</p>
											<ul class="entry-meta">
												<li class="entry-comments font5 mb05"><a href="#"><i
														class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
														งาน</a></li>
												<li class="entry-comments font5 mb05"><a href="#"><i
														class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
														40 งาน</a></li>
											</ul>
											<p>
												<b class="textColorBlack">ความสามารถ: </b> <span
													class="tags">html5</span> <span class="tags">css3</span> <span
													class="tags">jquery</span> <span class="tags">bootstrap3</span>
											</p>
											<b class="textColorBlack">รายละเอียด : </b>Cras sit amet nibh
											libero, in gravida nulla. Nulla vel metus scelerisque ante
											sollicitudin commodo. Cras purus odio, vestibulum in
											vulputate at, tempus viverra turpis. Fusce condimentum nunc
											ac nisi vulputate fringilla. Donec lacinia congue felis in
											faucibus.
											<div align="right" class="mt05">
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-user iconSmall"></i> โปรไฟล์</span>
												</button>
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-plus-sign iconSmall"></i>
														จ้างงานฉัน</span>
												</button>

											</div>

										</div>
									</div>
									<hr class="lineLines">
									<div class="row">
										<div class="col-md-2 col-xs-3" align="center">
											<figure>
												<img
													src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
													alt="" class="img-circle img-responsive">
												<div class="mt05">
													<small><span class="textColorYelow"> <i
															class="icon-star"></i> <i class="icon-star"></i> <i
															class="icon-star"></i> <i class="icon-star-half-alt"></i>
															<i class="icon-star-empty"></i></span><br>ระดับความน่าเชื่อถือ
													</small>
												</div>
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<p class="media-heading font3">
												<b class="textColorBlack">Thanet.k</b>
											</p>
											<ul class="entry-meta">
												<li class="entry-comments font5 mb05"><a href="#"><i
														class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
														งาน</a></li>
												<li class="entry-comments font5 mb05"><a href="#"><i
														class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
														40 งาน</a></li>
											</ul>
											<p>
												<b class="textColorBlack">ความสามารถ: </b> <span
													class="tags">html5</span> <span class="tags">css3</span> <span
													class="tags">jquery</span> <span class="tags">bootstrap3</span>
											</p>
											<b class="textColorBlack">รายละเอียด : </b>Cras sit amet nibh
											libero, in gravida nulla. Nulla vel metus scelerisque ante
											sollicitudin commodo. Cras purus odio, vestibulum in
											vulputate at, tempus viverra turpis. Fusce condimentum nunc
											ac nisi vulputate fringilla. Donec lacinia congue felis in
											faucibus.
											<div align="right" class="mt05">
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-user iconSmall"></i> โปรไฟล์</span>
												</button>
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-plus-sign iconSmall"></i>
														จ้างงานฉัน</span>
												</button>

											</div>

										</div>
									</div>
									<hr class="lineLines">
									<div class="row">
										<div class="col-md-2 col-xs-3" align="center">
											<figure>
												<img
													src="http://www.localcrimenews.com/wp-content/uploads/2013/07/default-user-icon-profile.png"
													alt="" class="img-circle img-responsive">
												<div class="mt05">
													<small><span class="textColorYelow"> <i
															class="icon-star"></i> <i class="icon-star"></i> <i
															class="icon-star"></i> <i class="icon-star-half-alt"></i>
															<i class="icon-star-empty"></i></span><br>ระดับความน่าเชื่อถือ
													</small>
												</div>
											</figure>
										</div>
										<div class="col-md-10 col-xs-9">
											<p class="media-heading font3">
												<b class="textColorBlack">Thanet.k</b>
											</p>
											<ul class="entry-meta">
												<li class="entry-comments font5 mb05"><a href="#"><i
														class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
														งาน</a></li>
												<li class="entry-comments font5 mb05"><a href="#"><i
														class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
														40 งาน</a></li>
											</ul>
											<p>
												<b class="textColorBlack">ความสามารถ: </b> <span
													class="tags">html5</span> <span class="tags">css3</span> <span
													class="tags">jquery</span> <span class="tags">bootstrap3</span>
											</p>
											<b class="textColorBlack">รายละเอียด : </b>Cras sit amet nibh
											libero, in gravida nulla. Nulla vel metus scelerisque ante
											sollicitudin commodo. Cras purus odio, vestibulum in
											vulputate at, tempus viverra turpis. Fusce condimentum nunc
											ac nisi vulputate fringilla. Donec lacinia congue felis in
											faucibus.
											<div align="right" class="mt05">
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-user iconSmall"></i> โปรไฟล์</span>
												</button>
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-plus-sign iconSmall"></i>
														จ้างงานฉัน</span>
												</button>

											</div>

										</div>
									</div>
									<hr class="lineLines">
									<div class="row">
										<div class="col-md-12 textCenter">
											<ul class="pagination ">
												<li class="disabled"><a href="#">«</a></li>
												<li class="active"><a href="#">1 <span
														class="sr-only">(current)</span></a></li>
												<li><a href="#">2</a></li>
												<li><a href="#">3</a></li>
												<li><a href="#">4</a></li>
												<li><a href="#">5</a></li>
												<li><a href="#">6</a></li>
												<li><a href="#">7</a></li>
												<li><a href="#">8</a></li>
												<li><a href="#">9</a></li>
												<li><a href="#">»</a></li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-3 ">
						<div class="mt15 boxFocus color1" style="margin: auto;">
							<div class="row">
								<div class="col-md-12">
									<div class="row">
										<div class="col-md-12">
											<div>
												<input type="text" class=" form-control "
													placeholder="ระบุคำที่ต้องการค้นหา">
											</div>
										</div>
									</div>
									<div class="row mt05">
										<div class="col-md-12">
											<div>ประเภทงาน</div>
											<div>
												<select class="form-control ">
													<option>--- เลือก ---</option>
													<option>เชียงใหม่</option>
													<option>เชียงราย</option>
													<option>แพร่</option>
													<option>น่าน</option>
													<option>ลำปาง</option>
												</select>
											</div>
										</div>
									</div>
									<div class="row mt05">
										<div class="col-md-12">
											<div>ทักษะ</div>
											<div>
												<select class="form-control ">
													<option>--- เลือก ---</option>
													<option>เชียงใหม่</option>
													<option>เชียงราย</option>
													<option>แพร่</option>
													<option>น่าน</option>
													<option>ลำปาง</option>
												</select>
											</div>
										</div>
									</div>
									<div class="row mt05">
										<div class="col-md-12">
											<div>จังหวัด</div>
											<div>
												<select class="form-control ">
													<option>--- เลือก ---</option>
													<option>เชียงใหม่</option>
													<option>เชียงราย</option>
													<option>แพร่</option>
													<option>น่าน</option>
													<option>ลำปาง</option>
												</select>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<button type="button"
												class="col-md-12 col-xs-12 col-sm-12 btn btn-info mt15">
												<div>
													<i class="icon-search"></i><span class="font3">
														ค้นหาฟรีแลนซ์</span>
												</div>
											</button>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row mt15">
							<div class="col-md-12">
								<span class="font4 textColorBlack"><b>ฟรีแลนซ์ยอดนิยม</b></span>
							</div>
						</div>
						<div class="row mt05">

							<div class="col-md-12">
								<div class="row mb15" style="padding-left: 1em;">
									<div class="col-md-12">
										<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
											class="textColorYelow"> <i class="icon-star"></i> <i
												class="icon-star"></i> <i class="icon-star"></i> <i
												class="icon-star-half-alt"></i> <i class="icon-star-empty"></i>
										</span></small>
										<ul class="entry-meta">
											<li class="entry-comments font7 mb05"><a href="#"><i
													class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
													งาน</a></li>
											<li class="entry-comments font7 mb05"><a href="#"><i
													class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
													40 งาน</a></li>
										</ul>

										<span class="tags">html5</span> <span class="tags">JSP</span>
										<span class="tags">JAVA</span> <span class="tags">Spring</span>
										<span class="tags">PHP</span>
									</div>
								</div>
								<div class="row mb15" style="padding-left: 1em;">
									<div class="col-md-12">
										<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
											class="textColorYelow"> <i class="icon-star"></i> <i
												class="icon-star"></i> <i class="icon-star"></i> <i
												class="icon-star-half-alt"></i> <i class="icon-star-empty"></i>
										</span></small>
										<ul class="entry-meta">
											<li class="entry-comments font7 mb05"><a href="#"><i
													class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
													งาน</a></li>
											<li class="entry-comments font7 mb05"><a href="#"><i
													class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
													40 งาน</a></li>
										</ul>

										<span class="tags">html5</span> <span class="tags">JSP</span>
										<span class="tags">JAVA</span> <span class="tags">Spring</span>
										<span class="tags">PHP</span>
									</div>
								</div>
								<div class="row mb15" style="padding-left: 1em;">
									<div class="col-md-12">
										<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
											class="textColorYelow"> <i class="icon-star"></i> <i
												class="icon-star"></i> <i class="icon-star"></i> <i
												class="icon-star-half-alt"></i> <i class="icon-star-empty"></i>
										</span></small>
										<ul class="entry-meta">
											<li class="entry-comments font7 mb05"><a href="#"><i
													class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
													งาน</a></li>
											<li class="entry-comments font7 mb05"><a href="#"><i
													class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
													40 งาน</a></li>
										</ul>

										<span class="tags">html5</span> <span class="tags">JSP</span>
										<span class="tags">JAVA</span> <span class="tags">Spring</span>
										<span class="tags">PHP</span>
									</div>
								</div>
								<div class="row mb15" style="padding-left: 1em;">
									<div class="col-md-12">
										<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
											class="textColorYelow"> <i class="icon-star"></i> <i
												class="icon-star"></i> <i class="icon-star"></i> <i
												class="icon-star-half-alt"></i> <i class="icon-star-empty"></i>
										</span></small>
										<ul class="entry-meta">
											<li class="entry-comments font7 mb05"><a href="#"><i
													class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
													งาน</a></li>
											<li class="entry-comments font7 mb05"><a href="#"><i
													class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
													40 งาน</a></li>
										</ul>

										<span class="tags">html5</span> <span class="tags">JSP</span>
										<span class="tags">JAVA</span> <span class="tags">Spring</span>
										<span class="tags">PHP</span>
									</div>
								</div>
								<div class="row mb15" style="padding-left: 1em;">
									<div class="col-md-12">
										<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
											class="textColorYelow"> <i class="icon-star"></i> <i
												class="icon-star"></i> <i class="icon-star"></i> <i
												class="icon-star-half-alt"></i> <i class="icon-star-empty"></i>
										</span></small>
										<ul class="entry-meta">
											<li class="entry-comments font7 mb05"><a href="#"><i
													class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
													งาน</a></li>
											<li class="entry-comments font7 mb05"><a href="#"><i
													class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
													40 งาน</a></li>
										</ul>

										<span class="tags">html5</span> <span class="tags">JSP</span>
										<span class="tags">JAVA</span> <span class="tags">Spring</span>
										<span class="tags">PHP</span>
									</div>
								</div>
								<div class="row mb15" style="padding-left: 1em;">
									<div class="col-md-12">
										<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
											class="textColorYelow"> <i class="icon-star"></i> <i
												class="icon-star"></i> <i class="icon-star"></i> <i
												class="icon-star-half-alt"></i> <i class="icon-star-empty"></i>
										</span></small>
										<ul class="entry-meta">
											<li class="entry-comments font7 mb05"><a href="#"><i
													class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
													งาน</a></li>
											<li class="entry-comments font7 mb05"><a href="#"><i
													class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
													40 งาน</a></li>
										</ul>

										<span class="tags">html5</span> <span class="tags">JSP</span>
										<span class="tags">JAVA</span> <span class="tags">Spring</span>
										<span class="tags">PHP</span>
									</div>
								</div>
								<div class="row mb15" style="padding-left: 1em;">
									<div class="col-md-12">
										<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
											class="textColorYelow"> <i class="icon-star"></i> <i
												class="icon-star"></i> <i class="icon-star"></i> <i
												class="icon-star-half-alt"></i> <i class="icon-star-empty"></i>
										</span></small>
										<ul class="entry-meta">
											<li class="entry-comments font7 mb05"><a href="#"><i
													class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
													งาน</a></li>
											<li class="entry-comments font7 mb05"><a href="#"><i
													class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
													40 งาน</a></li>
										</ul>

										<span class="tags">html5</span> <span class="tags">JSP</span>
										<span class="tags">JAVA</span> <span class="tags">Spring</span>
										<span class="tags">PHP</span>
									</div>
								</div>
								<div class="row mb15" style="padding-left: 1em;">
									<div class="col-md-12">
										<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
											class="textColorYelow"> <i class="icon-star"></i> <i
												class="icon-star"></i> <i class="icon-star"></i> <i
												class="icon-star-half-alt"></i> <i class="icon-star-empty"></i>
										</span></small>
										<ul class="entry-meta">
											<li class="entry-comments font7 mb05"><a href="#"><i
													class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
													งาน</a></li>
											<li class="entry-comments font7 mb05"><a href="#"><i
													class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
													40 งาน</a></li>
										</ul>

										<span class="tags">html5</span> <span class="tags">JSP</span>
										<span class="tags">JAVA</span> <span class="tags">Spring</span>
										<span class="tags">PHP</span>
									</div>
								</div>
								<div class="row mb15" style="padding-left: 1em;">
									<div class="col-md-12">
										<b>Thanet.k</b><br>ระดับความน่าเชื่อถือ : <small><span
											class="textColorYelow"> <i class="icon-star"></i> <i
												class="icon-star"></i> <i class="icon-star"></i> <i
												class="icon-star-half-alt"></i> <i class="icon-star-empty"></i>
										</span></small>
										<ul class="entry-meta">
											<li class="entry-comments font7 mb05"><a href="#"><i
													class=" glyphicon glyphicon-tag"></i>&nbsp;ถูกว่าจ้าง 300
													งาน</a></li>
											<li class="entry-comments font7 mb05"><a href="#"><i
													class="glyphicon glyphicon-bell"></i>&nbsp;ร้องของานได้งาน
													40 งาน</a></li>
										</ul>

										<span class="tags">html5</span> <span class="tags">JSP</span>
										<span class="tags">JAVA</span> <span class="tags">Spring</span>
										<span class="tags">PHP</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Content -->

		<!-- End Content -->

		<jsp:include page="core/template/FOOTER.jsp" />
		<!-- ======================================= content ======================================= -->

	</div>
	<!-- global wrapper -->
	<!-- End Document 
	================================================== -->
</body>
</html>
